<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .a1:hover{
            color:#F60;
        }
        a{
            text-decoration: none;
        }
        a:hover{
             text-decoration-line: underline;
        }
        .a2:hover{
            color:#F60;
          }
        .a2{
             width: 150px;
            
             background-color:#0f7cbf;
             font-size: 18px;
             color: white;
             line-height: 30px;
             text-indent:1em;
             font-weight:bold;
        }
        
        div{
            font-size: 12px;
            line-height: 20px;
            color:#666666;
        }
        .a3{
            font-size: 14px; 
            font-weight:bold;
            line-height:30px;
            background-color:#e4f1fa;
            color:#0f7cbf;
            width: 150px;
            height: 30px;
        }

    </style>
</head>
<body>
    <a href="#"class="a1">家用电器分类</a><br>
    <p class="a2">家用电器</p>
    <p class="a3">&nbsp;&nbsp;&nbsp;&nbsp;大家电</p>
    <div>
        <a>平板电视</a>  <a>洗衣机</a> <a>冰箱</a><br>
    <a>空调</a>  <a>烟机/灶具</a> <a>热水器</a><br>
    <a>冷柜/酒柜</a>  <a>消毒柜</a>  <a>家庭影院</a>
    </div>
    <p class="a3">&nbsp;&nbsp;&nbsp;&nbsp;生活电器</p>
    <div>
        <a>电风扇</a>  <a>净化器</a>  <a>吸尘器</a><br>
    <a>净水设备</a>  <a>挂烫机</a>  <a>电话机</a>
    </div>
    <p class="a3">&nbsp;&nbsp;&nbsp;&nbsp;厨房电器</p>
    <div>
        <a>榨汁机</a>  <a>电压力锅</a>  <a>电饭煲</a><br>
    <a>豆浆机</a>  <a>微波炉</a>  <a>电磁炉</a>
    </div>
    <p class="a3">&nbsp;&nbsp;&nbsp;&nbsp;五金家装</p>
    <div>
        <a>淋浴/水槽</a>  <a>电动工具</a>  <a>手动工具</a><br>
    <a>仪器/仪表</a>  <a>浴霸/排气</a>  <a>灯具</a><br>
    </div></a>
</body>
</html>